<script setup lang="ts">
import CheckTask from "./CheckTask.vue"
import { defineProps } from "vue";


const props =  defineProps({
    itemIndex:Number,   //索引值，便于知道显示哪个模态框
    id:Number,
    task:String,
    publisher:String,
    publishTime:String,
    status:String,
    taskDetail:String
})




</script>

<template>
    <div>
        <div class="head flex justify-between items-center px-6">
            <div class="w-14 c"><span>{{ props.id }}</span></div>
            <div class="w-64 c"><span>{{ props.task }}</span></div>
            <div class="w-32 c"><span>{{ props.publisher }}</span></div>
            <div class="w-44 c"><span>{{ props.publishTime }}</span></div>
            <div class="w-20 c"><span>{{ props.status }}</span></div>
            <CheckTask :id="props.id" :taskDetail="props.taskDetail" :item-index="props.itemIndex" :status="props.status" />
        </div>
        <a-divider class="m-0 bg-cyan-100"/>
    </div>

</template>

<style scoped>
.head{
    width:100%;
    height:5vh;
    margin-top: 2vh;
}

.c{
    display: flex;
    justify-content: center;
}
</style>